<template>
  <div>
    <div class="header-fixed" v-show="showHeader" :style="headerOpacity">
      <router-link to="/">
        <span class="iconfont icon-fanhui"></span>
      </router-link>
      景点详情
    </div>
  </div>
</template>

<script>
    export default {
      name: "detailHeader",
      props :{
        showHeader:Boolean,
        headerOpacity:Object
      }
    }
</script>

<style lang="stylus" scoped>
  @import "~style/varibles.styl"
  .header-fixed
    height .86rem
    line-height:.86rem
    text-align center
    overflow: hidden
    color #fff
    background: $bgColor
    font-size .32rem
    position: fixed
    top: 0
    right: 0
    left: 0
    z-index 3
    .icon-fanhui
      color #fff
      font-size .4rem
      position: absolute
      left .3rem
      top: 0;
</style>
